<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <style>
      @import "./static/test2.css";
      
      p {
        background-color: plum;
      }
    </style>
    
    <link rel="stylesheet" href="./static/test1.css">
  </head>
  <body>
    <!--1.行内样式-->
    <p style="background-color: bisque">内联样式（行内样式）</p>
    
    <!--2.内部样式：<style>标签内部-->
    <p>内部样式</p>
    
    <!--3.外部样式：link引入-->
    <div>外部样式</div>
    
    <!--4.@import样式-->
    <div>@import</div>
  </body>
</html>